//webpack的配置文件
const path = require('path')
//导入插件自动生成html文件

const HtmlWebpackPlugin = require('html-webpack-plugin')
// console.log(process.env)//关键字
module.exports = {
    mode:'development',//上线设置为production
    entry: path.join(__dirname, '/src/aaa.js'),//入口
    output: {
        path: path.join(__dirname, '/dist'),
        filename: 'ccc.js',
        clean: true//先清空原先的(dist)文件
    },//出口
    plugins: [
        new HtmlWebpackPlugin({
            template: path.join(__dirname, 'public/index.html')
        })
    ],
    devtool:'inline-source-map',
    module: {
        rules: [
            {
                test: /\.css$/i,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.less$/i,
                use: ['style-loader', 'css-loader', 'less-loader']
            },
            {
                test: /\.(png|jpg|jpeg|gif)$/i,
                type: 'asset',
                generator: {
                    filename: 'assets/[hash][ext]'
                }
            },
            {
                test: /\.m?js$/,
                exclude: /(node_modules|bower_components)/, // 排除指定目录里的 js （不进行编译降级）
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ['@babel/preset-env'] // 预设规则
                    }
                }
            },
        ]
    },
    //配置别名
    resolve:{
        alias:{
            'utils':path.join(__dirname,'src/utils'),
            '@':path.join(__dirname,'src')
        }
    }
}